<template>
  <div class="home" id="appRef">
    <headers></headers>
    <div class="nav">
      <navs></navs>
      <data1></data1>
    </div>
  </div>
</template>

<script>
import headers from '../components/header.vue'
import data1 from '../components/data1.vue'
import navs from '../components/nav.vue'
import app from './appRef'
export default {
  mixins: [app],
  components: {
    headers,
    data1,
    navs
  },
}
</script>


<style lang="scss" scoped>
.home {
  width: 86%;
  height: 99vh;
  margin: auto;
  overflow: hidden;
}
</style>
